// src\theme\custom.less
@primary: #1baeae;
@orange: #FF6B01;
@bc: #F7F7F7F7;
@fc: #fff;

// 背景图片地址和大小
.bis(@url) {
    border-image: url(@url);
    background-repeat: no-repeat;
    block-size: 100% 100%;
}

// 圆角
.borderRadius(@radius) {
    -webkit-border-radius: @radius;
    -moz-border-radius:@radius;
    -ms-border-radius:@radius;
    -o-border-radius:@radius;
    border-radius: @radius;
}

// 1px底部边框
.border-1px(@color){
    position: relative;
    &:after{
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        border-top: 1px solid @color;
        content: '';
    }
}

// 定位全屏
.allcover{
    position: absolute;
    top: 0;
    right: 0;
}

// 定位上下和左右居中
.center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

// 定位上下居中
.ct{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

// 定位左右居中
.cl{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

// 宽高
.wh(@width, @height){
    width: @width;
    height: @height;
}

// 字号
.sc(@size, @color){
    font-size: @size;
    color: @color;
}

.boxSizing{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

// flex 布局和子元素对其方式
.fj(@type: space-between){
    display: flex;
    justify-content: @type;
}